<template>
  <div :style="{ width: props.width, height: props.height }">
    <Image :url="props.imgName" :fit="props.models.fit" />
  </div>
</template>

<script setup lang="ts">
import Image from "@renderer/components/Images/index.vue";
import { onMounted } from "vue";
type Props = {
  width: string;
  height: string;
  models: any;
  responseData: any;
  imgName: string;
};

let props = withDefaults(defineProps<Props>(), {
  width: "",
  height: "",
  imgName: "",
  responseData: "",
  models: () => ({}),
});
onMounted(() => {
  console.log("props", props.imgName);
});
</script>

<style scoped lang="scss"></style>
